import React, { Component } from 'react'
import { connect } from 'react-redux'
import update from '../../../static/home/update.jpg'
import {
  BoxWrapper,
  TileWrapper,
  IntroWrapper,
  ImgMask,
  BottomText,
} from '../style'

class UpdateWrapper extends Component {
  render() {
    return (
      <BoxWrapper className="update-notice">
        <TileWrapper>
          <span className="title">更新日志</span>
        </TileWrapper>
        <IntroWrapper>
          <span className="people">
            <span className="iconfont">&#xe668;</span>
            <span>&nbsp;789161<span>&nbsp;℃</span></span>
          </span>
          <span className="talk">
            <span className="iconfont">&#xe64e;</span>
            <span>&nbsp;852</span>
          </span>
        </IntroWrapper>
        <BoxWrapper className="update-img">
          <ImgMask>
            <div className="img-mask">
              <img src={update} alt="" />
              <div className="mask-text">土豆</div>
            </div>
          </ImgMask>
        </BoxWrapper>
        <BottomText>
          <div className="main">
            2015年至2017年更新内容20150306 近月少女的礼仪汉化补丁v1.2120150307黑兽心愿屋汉化组汉化v1.0无弹框插件版20150307 VenusBlood
            -ABYSS- 更改存档路径，重新打包（汉化版本心愿屋汉化组v1.0）20150307 VenusBlood -FRONTIER- 更改存2015年至2017年更新内容（点击展开）20150306
            近月少女的礼仪 汉化补丁v1.2120150307 黑兽 心愿屋汉化组汉化v1.0无弹框插件版20150307 VenusBlood -ABYSS- 更改存档路径，重新打包（汉化版本
          </div>
        </BottomText>
      </BoxWrapper>
    )
  }
}

const updateState = (state) => {
  return {

  }
}

const updateDispatch = (dispatch) => {
  return {
    
  }
}

export default connect(updateState, updateDispatch)(UpdateWrapper)